/**公共css**/

@import "webUtilsScss";

body {
  height:$web-height;
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
  background-color: $web-body-background-color;
  font-family:'楷体'
}

#app {
  width: 100%;
  height:$web-height;
  margin: 0 auto;
  text-align: center;
}

.el-main{
  --el-main-padding: 0px !important;
}

.el-row {
  margin-bottom: 10px;
}
// 所有单页面的高宽
.content{
  width: 100%;
  height: 100%;
}

// 菜单样式
.el-menu{
  background: transparent !important;
}
.el-menu-item{
  background: transparent !important;
  font-size: 20px !important;
  color: #FFFFFF !important;
}
.el-menu-item.is-active{
  color: #48f702 !important;
  font-size: 20px !important;
}
.el-sub-menu__title{
  background: transparent !important;
  font-size: 20px !important;
  color: #FFFFFF !important;
}



// 表格页面的标题样式
.table-title{
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: left;
  align-items: center;
  span{
    font-size: 30px;
    margin: 0 0 0 30px;
  }
}
// 表格页面的搜索栏
.table-form{
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: left;
  margin: 0 30px;
  text-align: left;
}
// 表格页面的表格样式
.table-div{
  margin: 0 30px;
}

// 文档页面标题
.document-title{
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: left;
  align-items: center;
  span{
    font-size: 30px;
    margin: 0 30px;
  }
}
// 文档页面内容
.document-div{
  margin: 0 30px;
  font-size: 18px;
  text-align: left;
}

/**弹窗样式**/
  .popup{
    .el-dialog{
      border-radius: 20px;
    }
    .el-dialog__header{
      margin-right:0px !important;
      border-bottom: solid 1px #48f702;
    }
    .popup-html{
      text-align: left;
    }
    .el-form-item__label{
      font-size: 18px !important;
    }
  }

/**弹窗样式**/

/**滚动条样式**/
/* 设置滚动条的宽度和背景颜色 */
::-webkit-scrollbar {
  width: 10px; /* 对于垂直滚动条 */
  height: 10px; /* 对于水平滚动条 */
  background-color: #f97676;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #e1e1e1; /* 可选的背景颜色 */
}

/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
  background-color: #c1c1c1; /* 滚动条的颜色 */
}

/* 当滑块悬停或被点击时 */
::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
/**滚动条样式**/

/**tooltip 样式**/
.tooltip{
  width: 500px;
  height: auto;
  span{
    width: 100%;
    font-size: 16px;
    float: left;
  }
}
/**tooltip 样式**/

/**鼠标变小手**/
.cp{
  cursor:pointer;
}
/**缩进2字符**/
.ti2{
  text-indent: 2em
}